<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:f="http://xmlns.jcp.org/jsf/core">
    <h:head>
        <title>TODO supply a title</title>
        <h:outputStylesheet library="css" name="bootstrap.min.css" />
        <h:outputScript library="js/jQuery" name="jquery-2.0.0.min.js" />
        <h:outputScript library="js" name="bootstrap.min.js"/>
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    </h:head>
    <body youdao="bind">
        <div class="container">
            <h:form styleClass="form-signin" >
                <h2 class="form-signin-heading">Please sign in</h2>
                <h:inputText class="form-control"> </h:inputText>
                <h:inputText class="form-control"> </h:inputText>
                <label class="checkbox">
                    <input type="checkbox" value="remember-me"/> Remember me
                </label>
                <h:commandButton class="btn btn-primary btn-lg btn-block" value="Sign in"></h:commandButton>

            </h:form>

        </div>
    </body>
</html>
